import React, { Component } from "react";
import { BrowserRouter, Routes,Route} from "react-router-dom";

import Header from "../layout/header";
import Menu from "../layout/menu";
import homeIndex from "./main/home/index";


import "../assets/css/public/Index.scss";

class Index extends Component {
  constructor(props: any) {
    super(props);
  }

  render() {
    return (
      <BrowserRouter>
        <div className="Index-Router">
          <div className="Index-Header">
            <Header></Header>
          </div>
          <div className="Index-Body">
              <div className="Index-Menu">
                  <Menu></Menu>
              </div>
              <div className="Index-Main">
                  <div className="Main-Info">
                    {/* <Routes>
                        <Route path="/home/index" element={homeIndex}></Route>
                    </Routes> */}
                  </div>
              </div>
          </div>
        </div>
      </BrowserRouter>
    );
  }
}

export default Index;
